<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>个人简历</title>
<style>
	/* 总样式 */
*{
	margin:0;
	padding: 0;
	list-style: none;
	font: normal normal normal 18px Microsoft YaHei UI;
	color: #000;
}
body{
   background-image: linear-gradient(to bottom, #fde3ef, #fde7be);
}
a {
	text-decoration: none;
}
/* 导航栏样式 */
.header{
	background-color: #fff;
	box-shadow: 0px 1px 3px #b17b92;
	position: fixed;
	width:100%;
	top:0;
	z-index: 100;
}
.menu {
	max-width: 1180px;
	margin:0 auto;
}
	
.logo,.nav li{
	float:left;
}
.logo{
	margin-top:19px;
}
.nav{
	float:right;
}
.nav a{
	display: block;
	line-height: 60px;
	padding: 0 32px;
	position: relative;
}
.nav li span{
	height:2px;
	width:0;
	background-color: #E42ACC;
	position: absolute;
	left:0;
	bottom:-1px;
	opacity: 0;
	margin: 0 32px;
	transition: .6s;
}
.nav a:hover{
	color:#F94206;
}
.nav a:hover span{
	width:calc(100% - 64px);
	opacity: 1;
}

.clean_t{
		clear:both;
	}
.a1{
	max-width:600px;
	margin: 40px auto;
	padding:40px 0;
}
.a{
	
}
/*img{
	max-width:600px;
	margin:0 auto;
}*/
@media screen and (max-width: 1200px) {
    .a1{
		max-width:600px;
		margin: 40px auto;
		padding:40px 0;
		margin-top: 80px;
		margin-left: 220px;
	}
}
</style>
</head>

<body>
<!--导航栏-->
	<div class="header">
		<div class="menu">
			<div class="logo">
				<a href="../index.ftl"><img src="/img/logo.png" style="height: 28px;"></a>
			</div>
			<ul class="nav">
				<li><a href="/index">首页<span></span></a></li>
				<li><a href="/huihui/sjzp" starget="_self">设计作品<span></span></a></li>
				<li><a href="#">给我留言<span></span></a></li>
			</ul>
			<table class="clean_t"></table>
		</div>
	</div>
	<div class="a1">
			<img src="/img/3561a74cfba4b7c45142fc6b25c4513.jpg"> 
	</div>
	<a href="http://www.beian.miit.gov.cn">鄂ICP备19005823号</a>
</body>
</html>
